<template>
<Fun2List :data="fun2listdata1"></Fun2List>
<PageList :data="pagelistdata1"></PageList>
<PageList :data="pagelistdata2"></PageList>
</template>

<script lang="ts" setup>
import Fun2List from './Fun2List.vue'
import PageList from './PageList.vue'
const fun2listdata1 = [{
	icon: 'gold-coin-o',
	title: '买入',
},{
	icon: 'warning-o',
	title: '卖出',
},{
	icon: 'gold-coin-o',
	title: '撤单',
},{
	icon: 'gold-coin-o',
	title: '资金持仓',
},{
	icon: 'gold-coin-o',
	title: '委托成交',
},{
	icon: 'gold-coin-o',
	title: '新股新债',
	tips: '今日3新股、1新债',
},{
	icon: 'gold-coin-o',
	title: '银证转帐',
},{
	icon: 'gold-coin-o',
	title: '更多',
}];
const pagelistdata1 = [{
	lIcon: 'gold-coin-o',
	lMsg: '融资融券',
	rIcon: 'arrow',
	rMsg: '两融开户、交易',
	url: '/me',
},{
	lIcon: 'like-o',
	lMsg: '新债申购',
	rIcon: 'arrow',
	rMsg: '今日有1只新债发行',
	url: '/me',
	rStyle: {
		color: '#f81818',
	},
},{
	lIcon: 'gem-o',
	lMsg: '新三板',
	rIcon: 'arrow',
	rMsg: '创新层、基础层交易',
	url: '/me',
}];
const pagelistdata2 = [{
	lIcon: 'gold-coin-o',
	lMsg: '基金理财',
	rIcon: 'arrow',
	rMsg: '多元配置 严选优质基金',
	url: '/me',
},{
	lIcon: 'like-o',
	lMsg: '天天宝',
	rIcon: 'arrow',
	rMsg: '股票余额理财，七日年化2.53%',
	url: '/me',
},{
	lIcon: 'gem-o',
	lMsg: '国债逆回购',
	rIcon: 'arrow',
	rMsg: '14天期3.46%',
	url: '/me',
}];
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
